<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"
    />
    <meta
      name="format-detection"
      content="telephone=no,email=no,date=no,address=no"
    />
    <link rel="stylesheet" type="text/css" href="../../common/style/aui.css" />
    <link
      rel="stylesheet"
      type="text/css"
      href="../../common/js/swiper/swiper-4.0.5.min.css"
    />
    <link
      rel="stylesheet"
      type="text/css"
      href="../../common/style/font-awesome.min.css"
    />
    <link
      rel="stylesheet"
      type="text/css"
      href="../../common/style/new-phone.css"
    />
    <script
      type="text/javascript"
      src="../../common/js/jquery-1.11.2.min.js"
    ></script>
    <script type="text/javascript" src="../../common/js/md5.js"></script>
    <script src="../../common/js/vue.min.js"></script>
    <script src="../../common/js/axios.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="//res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script type="text/javascript" charset="utf-8" src="../../common/js/weixin.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="../../common/js/share.js"></script>
    <script src="../../common/js/aui-toast.js"></script>
    <script
      type="text/javascript"
      src="../../common/request/request.js?version=1.0.12"
    ></script>
    <script type="text/javascript" src="./js/enterAgency.js?version=1.0.12"></script>
    <style>
      .desc-content dd select {
        width: 48%;
      }

      .role-3 .type {
        padding: 0.6rem;
      }
    </style>
  </head>

  <body class="layout-w" id="layout-w">
    <div class="aui-content-padded">
      <h3 class="common-title-h3 mt-1">入驻平台</h3>
      <div class="swiper-container role-3" id="type-swiper">
        <div class="swiper-wrapper">
          <div class="swiper-slide">
            <div
              class="type"
              onclick="javascript:window.location.href='enterDevelopers.html';"
            >
              开发商/运营商
              <label
                ><input type="radio" name="demo-radio" class="demoHidden"/><span
                  class="radioInput"
                ></span
              ></label>
            </div>
          </div>
          <div class="swiper-slide">
            <div
              class="type"
              onclick="javascript:window.location.href='enterPerson.html';"
            >
              个人业主
              <label
                ><input type="radio" name="demo-radio" class="demoHidden"/><span
                  class="radioInput"
                ></span
              ></label>
            </div>
          </div>
          <div class="swiper-slide swiper-slide-active">
            <div
              class="type active"
              onclick="javascript:window.location.href='enterAgency.html';"
            >
              中介代理公司
              <label
                ><input
                  type="radio"
                  name="demo-radio"
                  class="demoHidden"
                  checked/><span class="radioInput"></span
              ></label>
            </div>
          </div>
        </div>
      </div>
      <p class="ru-content">
        真诚邀请业内伙伴加入平台，以“提升客户/代理机构的选址体验和选址效率”为使命，团结一心，共同开创一个信息全面、准确、及时的专业化商办地产选址服务平台，共同营造和谐、共赢的行业生态。
      </p>
      <div class="desc-content">
        <h3 class="common-title-h3 mt-1">主要服务</h3>
        <img
          src="../../common/images/ru/enter-zhongjie-a.png"
          style="width:83%;height:83%;margin:0 auto 1rem;display:block;"
        />
        <img
          src="../../common/images/ru/enter-new-1.png"
          style="width:70%;height:100%;margin:1rem auto;display:block;"
        />
        <img
          src="../../common/images/ru/enter-kai-a-title.png"
          style="width:100%;height:100%;margin:2rem auto 0;display:block;"
        />
        <img
          src="../../common/images/ru/enter-kai-a.gif"
          style="width:100%;height:100%;margin:0 auto 1rem;display:block;"
        />
        <h3 class="common-title-h3 mt-1">入驻流程</h3>
        <img
          src="../../common/images/ru/enter-zhong-step.svg"
          style="height:14rem;margin: .5rem auto;display: block;"
        />
      </div>
    </div>
    <div class="white-3"></div>
    <div class="bottom-fixed">
      <a class="submit-button" href="javascript:;" @click="showPopup();"
        >我要入驻</a
      >
    </div>
    <div class="aui-popup aui-popup-bottom" id="bottom">
      <div class="aui-popup-content desc-content">
        <dl class="form-info">
          <dd class="aui-clearfix">
            <select style="margin-right:3.5%;" id="city">
              <option
                value="{{item.item_name}}"
                v-for="item in addressList"
                @click="choose(item,$index)"
                data-index={{$index}}
                v-html="item.item_name"
                ></option
              >
            </select>
            <select v-model="form.townId">
              <option value="{{area.item_name}}" v-for="area in areaList" v-html="area.item_name"></option>
              <option value="" v-if="areaList.length<=0">暂无</option>
            </select>
          </dd>
          <dd>
            <input type="text" v-model="form.buildingName" class="info-input" placeholder="公司名称……" />
          </dd>
          <dd>
            <input type="text" v-model="form.tel" class="info-input" placeholder="电话……" />
          </dd>
        </dl>
        <a href="javascript:;" id="created" class="submit-button" @click="create()">提&nbsp;交</a>
      </div>
    </div>
    <script src="../../common/js/swiper/swiper-4.0.5.min.js"></script>
    <script src="../../common/js/aui-popup.js"></script>
    <script type="text/javascript">
      var famousSwiper = new Swiper("#type-swiper", {
        slidesPerView: "auto",
        loop: false,
        direction: "horizontal"
      });
    </script>
  </body>
</html>
